{extend name="main"}
{block name="header"}
{include file="module/top_nav" container="container-xl"/}
{include file="module/header_concise"/}
{/block}
{block name="body"}
<div class="container-xl py-3">
	{xycms:companypage name="CompanyList"}
	<div class="row pt-3 company-icon-list">
	{volist name="CompanyList" id="v"}
		<div class="col-3">
      		<div class="company-icon-item">
		      	<a href="/company/{$v.id}.html" target="_blank" class="text-dark p-3">
					<img src="{$v.logo}">
					<p class="text-truncate px-2 mb-0 pt-2">{$v.title}</p>
					<div class="small text-secondary flex text-v-center mt-2">
						<div>{$v.size_type}</div>
						<div class="border-left py-1 mx-1"></div>
						<div>{$v.industry}</div>
					</div>
					<div class="border-top pt-3 mt-2 flex flex-center">
						<div class="flex-1">
							<div class="h6 text-primary">{$v.jobs_sum}个</div>
							<div class="small">在招职位</div>
						</div>
						<div class="border-left py-3"></div>
						<div class="flex-1">
							<div class="h6 text-primary">{$v.resume_efficiency}%</div>
							<div class="small">简历处理率</div>
						</div>
					</div>
				</a>
			</div>
    </div>
	{/volist}
	</div>
	{/xycms:companypage}
		{notempty name="CompanyList"}
		<div class="text-center mt-3 bg-white py-3 shadow">
			{$CompanyList->render()|raw}
		</div>
		{/notempty}
</div>
{/block}
{block name="footer"}
{include file="module/footer"/}
{include file="module/login"/}
{/block}
{block name="script"}
<script type="text/javascript">
	var vm=new Vue({
		el:'#app',
		data:{
			view:XYBase.view,
			loginTabs:XYBase.loginTabs,
			userInfo:UserInfo,
			feedback:XYBase.feedback,
		},
		watch:{
		    view:XYBase.viewWatch,
		    loginTabs:XYBase.loginTabsWatch,
		},
		created(){
			XYBase.created(this);
		},
		methods:XYBase.methods({
		})
	});
</script>
{/block}